<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>modal</title>

<link rel="stylesheet"
	href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
<script
	src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

</head>
<body>
	<!-- 模态框（Modal） -->
	<div class="modal fade" id="modal" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog" style="padding-top: 10%; width: 10%;">
			<div class="modal-content">
				<div class="modal-body" id="dialog-text"></div>
			</div>
		</div>
	</div>
</body>
</html>